.head{
    padding:10px 10px;
    width: 98%;
    height: 60px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 0 10px #ccc;
}
.userImg>img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: 10px;
}

.bot{
    position: absolute;
    top: 90px;
    left: 0;
    width: 99.5%;
    height: 65px;
    background-color: #e4e4e4;
}
.bot ul{
    display: flex;
}
.bot ul li>a{
    display: inline-block;
    line-height: 55px;
    padding: 0 26px;
    margin: 10px;
    color: #464646;
    border-radius: 5px 5px 0 0;
}
.bot .active{
    color: #1b87ec;
    background-color: #fff;
}